<template>
	<view>
		<view class="home">
			<view class="entry videoPlant" @tap="entry('/pages/discount/video/video')"><view class="circle">茶叶种植</view></view>
			<view class="entry videoMake" @tap="entry('/pages/discount/video/video')"><view class="circle">茶叶制作</view></view>
			<view class="entry videoCheck" @tap="entry('/pages/discount/video/video')"><view class="circle">茶叶鉴别</view></view>
		</view>
	</view>
</template>

<script>
	const list = [];
export default {
	data: () => ({
		list,
		active: 0
	}),
	methods: {
		entry(path) {
			uni.navigateTo({
				url: path
			});
		}
	}
};
</script>

<style lang="less">
.home {
	.entry {
		width: 94%;
		margin: 30rpx auto;
		height: 400rpx;
		background-size: auto 120%;
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
		background-color: #eeebe6;
		.circle {
			width: 180rpx;
			height: 180rpx;
			border-radius: 50%;
			background-color: rgba(0, 0, 0, 0.3);
			text-align: center;
			line-height: 180rpx;
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%, -50%);
			font-size: 32rpx;
			font-weight: 600;
			color: #ffffff;
		}
		&.videoPlant {
			background-image: url(https://mms0.baidu.com/it/u=1380359718,3346952325&fm=15&gp=0.jpg&fmt=auto);
		}
		&.videoMake {
			background-image: url(https://img2.baidu.com/it/u=1301409812,1413344691&fm=26&fmt=auto&gp=0.jpg);
		}
		&.videoCheck {
			background-image: url(https://mms0.baidu.com/it/u=3004582813,2203474797&fm=15&gp=0.jpg&fmt=auto);
		}
		// &.mp3 {
		// 	background-image: url(http://47.107.189.64/smallApp/static/bg2.png);
		// }
	}
}
</style>
